<template>
  <div class="app-container1" style="padding:20px 20px;">
    <el-card shadow="never">
      <div class="flex news">
        <div>
          首页
        </div>
        <div class="news__sep">|</div>
        <div class="flex-con news__content">
          首页
        </div>
      </div>
    </el-card>
<!--    <el-card shadow="never" style="margin-top: 20px">-->
<!--      <el-row :gutter="10" type="flex">-->
<!--        &lt;!&ndash;      <el-col :span="5">&ndash;&gt;-->
<!--        &lt;!&ndash;        <el-card shadow="always">&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card_fitTitle">&ndash;&gt;-->
<!--        &lt;!&ndash;            今日话题销售额&ndash;&gt;-->
<!--        &lt;!&ndash;          </div>&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card-num">{{ info.todayOrderAmount || 0 }}</div>&ndash;&gt;-->
<!--        &lt;!&ndash;          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;&ndash;&gt;-->
<!--        &lt;!&ndash;        </el-card>&ndash;&gt;-->
<!--        &lt;!&ndash;      </el-col>&ndash;&gt;-->
<!--        <el-col :span="6">-->
<!--          <div class="card_fitTitle">-->
<!--            待支付-->
<!--          </div>-->
<!--          <div class="card-num">-->
<!--            {{ info.totalMerchantNum || 0 }}-->
<!--            <span class="card-unit">单</span>-->
<!--          </div>-->
<!--          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;-->
<!--        </el-col>-->
<!--        <el-col :span="6">-->
<!--          <div class="card_fitTitle">-->
<!--            待发货-->
<!--          </div>-->
<!--          <div class="card-num">-->
<!--            {{ info.totalMerchantNum || 0 }}-->
<!--            <span class="card-unit">单</span>-->
<!--          </div>-->
<!--          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;-->
<!--        </el-col>-->
<!--        <el-col :span="6">-->
<!--          <div class="card_fitTitle">-->
<!--            待签收-->
<!--          </div>-->
<!--          <div class="card-num">-->
<!--            {{ info.totalMerchantNum || 0 }}-->
<!--            <span class="card-unit">单</span>-->
<!--          </div>-->
<!--          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;-->
<!--        </el-col>-->
<!--        <el-col :span="6">-->
<!--          <div class="card_fitTitle">-->
<!--            退款/售后-->
<!--          </div>-->
<!--          <div class="card-num">-->
<!--            {{ info.totalMerchantNum || 0 }}-->
<!--            <span class="card-unit">单</span>-->
<!--          </div>-->
<!--          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;-->
<!--        </el-col>-->
<!--        &lt;!&ndash;      <el-col :span="5">&ndash;&gt;-->
<!--        &lt;!&ndash;        <el-card shadow="always">&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card_fitTitle">&ndash;&gt;-->
<!--        &lt;!&ndash;            今日社区动态发布数量&ndash;&gt;-->
<!--        &lt;!&ndash;          </div>&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card-num">{{ info.todayTrendCount || 0 }}</div>&ndash;&gt;-->
<!--        &lt;!&ndash;          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;&ndash;&gt;-->
<!--        &lt;!&ndash;        </el-card>&ndash;&gt;-->
<!--        &lt;!&ndash;      </el-col>&ndash;&gt;-->
<!--        &lt;!&ndash;      <el-col :span="5">&ndash;&gt;-->
<!--        &lt;!&ndash;        <el-card shadow="always">&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card_fitTitle">&ndash;&gt;-->
<!--        &lt;!&ndash;            今日新增圈主&ndash;&gt;-->
<!--        &lt;!&ndash;          </div>&ndash;&gt;-->
<!--        &lt;!&ndash;          <div class="card-num">{{ info.todayAnchorCount || 0 }}</div>&ndash;&gt;-->
<!--        &lt;!&ndash;          &lt;!&ndash;          <div class="card-txt">今日访问次数：{{ info.todayLogCount || 0 }}</div>&ndash;&gt;&ndash;&gt;-->
<!--        &lt;!&ndash;        </el-card>&ndash;&gt;-->
<!--        &lt;!&ndash;      </el-col>&ndash;&gt;-->
<!--      </el-row>-->
<!--    </el-card>-->
  </div>
</template>

<script>

export default {
  mounted() {

  },
  data() {
    return {
      info: {
        todayOrderAmount: 0,
        todayOrderCount: 0,
        todayTrendCount: 0,
        todayAnchorCount: 0
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.card_fitTitle {
  font-size: 14px;
  color: #999;
  padding-bottom: 10px;

}

.center {
  text-align: center;
}

.card-num {
  font-size: 24px;
  padding-bottom: 10px;
}

.card-unit {
  font-size: 12px;
}

.news {
  &__sep {
    margin: 0 15px;
  }
  &__content {
    color: #999;
  }
}

.card-txt {
  font-size: 14px;
}

.short-cut {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
  float: left;
  margin-right: 30px;
}

.short-cuts-content {
  overflow: hidden;
  box-sizing: border-box;
}

.short-icon {
  display: block;
  font-size: 30px;
  margin-bottom: 5px;
}

.short-cuts-title {
  padding-bottom: 30px;
}

.todolist {
  padding: 50px 0 10px 0;
}

.todolist .el-row {
  padding-bottom: 15px;
}

.todo-title {
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}

.short-cuts-title {
  font-size: 18px;
  font-weight: bold;
}

.todo-block {
  text-align: center;
  display: inline-block;
  width: 120px;
  margin-bottom: 20px;
}

.todo-txt {
  font-size: 14px;
}

.todo-block .todo-num {
  font-size: 18px;
  padding-bottom: 10px;
}
</style>
